<!DOCTYPE html>
<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<jsp:include page="/pad/common/commonCss.jsp"/>
<script src="${basePath}pad/commonJs/jquery.min.js"></script>
<script src="${basePath}pad/commonJs/jquery.imageScroller.js"></script>
<script src="${basePath}pad/commonJs/jquery.easyui.min.js"></script>
<script src="${basePath}pad/commonJs/jt_normal.js"></script>
<script src="${basePath}pad/commonJs/jt_select.js"></script>
<script src="${basePath}pad/commonJs/tags/dialog/dialog.js"></script>
<script type="text/javascript" src="${basePath }pad/commonJs/jt_map.js"></script>
<script  type="text/javascript" src="${basePath }pad/commonJs/tags/page/page.js"></script>
<script type="text/javascript" src="${basePath }pad/commonJs/tags/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript">

var fujiaPrdArray=[];
var basePath = "${basePath}";
var trimPrdArray=[];
var maxCntRoomArray=[];
var validHolidays="";
var parStatus=new Array("未预付","自动取消","取消","待确认","已确认","进行中","完成","删除");
var pkParresIdOld ='${pkParresId}';
 var pkOrderIdOld='${pkOrderId}';
 
$(document).ready(function(){
	$("#modiTimedis").val('${parreserveOld.pmodiTime}');
	loadTypeTimeValue();
	loadParTaocan();
	addTrFujia();
	addTrming();
	loadAlreadyRoom();//加载选中的房间
	loadQCengTaocan();
	 refreshSelect();
})
//根据房间设置团体的房间选中状态
function loadAlreadyRoom(){
	 var parReserveRoomList= '${parReserveRoomList}';
	 if(parReserveRoomList!=null){
		 <c:forEach items="${parReserveRoomList}" var="parReserveRoom" varStatus="status">
			 var pkRoomid="pkRoomid${parReserveRoom.fkRoomId}";
			 var roomCheckbox= document.getElementById(pkRoomid);
			 if(roomCheckbox!=null){
				 roomCheckbox.checked=true;
			 }
		 </c:forEach>
		 }
 }
//处理预约的时间..
function loadTypeTimeValue() {
	var basicPkg = '${parreserveOld.basicPkg}';
	var resTimeS = '${parreserveOld.resTimeS}';
	var resTimeE = '${parreserveOld.resTimeE}';
	var overTime = '${parreserveOld.overTime}';
		$("#overTime").val(overTime);

		var fkOtprdId ='${parreserveOld.fkOtprdId}';
		$("#fkOtprdId").val(fkOtprdId);
	if (basicPkg != "") {
		var typeValue = basicPkg.substring(0, basicPkg.indexOf("#"));
		if (typeValue == "ZBSP1408070540") {
			typeValue = "团体4小时单人（不含餐）";
		} else if (typeValue == "ZBSP1408070541") {
			typeValue = "团体4小时单人（含餐）";
		} else if (typeValue == "ZBSP1408070542") {
			typeValue = "团体6小时单人（含餐）";
		}
		$("#typeTaocan").val(typeValue);
	}
	$("#resTimeE").val(resTimeE);
	var restsValue = resTimeS.substring(0, 2) + ":"
			+ resTimeS.substring(2, 4);
	$("#resTimeS").val(restsValue);
	if (resTimeE != "") {
		var restevalue = resTimeE.substring(0, 2) + ":"
				+ resTimeE.substring(2, 4);
		$("#showresTimeE").val(restevalue);
	}
}
/*加载搭配套餐**/
function loadParTaocan() {
	var arr = [];
	var divIdP = "openCengValid('#q')";
	var divopen = '"open"';
	var taocanSize = '${gblScmTaocanSize}';
	arr.push('<table class="table">');
	if ('${listGblScmTaocan}' == '[]') {
		arr.push('<tr><td>主食1</td> ');
		arr.push('<td >&nbsp;</td></tr>');
	} else {
		<c:forEach items="${listGblScmTaocan}" var="parTaocan" varStatus="status">
		<c:choose>
		<c:when test="${status.index==0}">
		arr
				.push('<tr><td>主食1</td><td>${parTaocan.cateName}：${parTaocan.prdName} </td>');
		arr.push('</tr>');
		</c:when>
		<c:when test="${status.index==1 }">
		arr
				.push('<tr><td>主食2</td><td>${parTaocan.cateName}：${parTaocan.prdName} </td></tr>');
		</c:when>
		<c:when test="${status.index==2 && parTaocan.fkPrdcateId=='001007001002'}">
		arr
				.push('<tr><td>主食3</td><td>${parTaocan.cateName}：${parTaocan.prdName} </td></tr>');
		</c:when>
		<c:otherwise>
		arr
				.push('<tr><td>${parTaocan.cateName}</td><td>${parTaocan.prdName} </td></tr>');
		</c:otherwise>
		</c:choose>
		</c:forEach>
	}
	arr.push('</table>');
	var parTaocanDiv = document.getElementById("parTaocan");
	parTaocanDiv.innerHTML = arr.join('');
}
//获取附加菜单的信息
function addTrFujia() {
	var  basicPkg2=$("#addbasicPkg2").val();
	$.ajax({
		url:"${basePath }parreserve/addPageFujia.shtml?addType=fujia",
		dataType:"json",
		data:{"pageNo":"1","pageSize":"400","basicPkg2":basicPkg2},
		type:"post",
		async:false,
		success:function(data){
			if(data.results!=null){
				$.each(data.results,function(ind,obj){
					var htm="<tr>";
					htm+="<td>"+obj.prdName+"</td>";
					htm+=" <td>"+obj.productPrice+"</td>";
					var quantCount =obj.quantity;
					if(quantCount==null){
						quantCount=0;
					}
					htm+='<td><input value="'+quantCount+'" type="text" name="qty" id="qty'+obj.pkPrdId+'" disabled class="iput_t w50"   ></td>';
					htm+='<td>&nbsp;</td>';
					htm+="</tr>";
					 $("#addfujiaTable").find("tr:eq("+ind+")").after(htm);
				});
			}
		}
	});
}
//获取装饰物的信息
function addTrming() {
	var  addbasicPkg3=$("#addbasicPkg3").val();
	$.ajax({
		url:"${basePath }parreserve/addPageZhuangshi.shtml?addType=zhuangs",
		dataType:"json",
		data:{"pageNo":"1","pageSize":"400","basicPkg3":addbasicPkg3},
		type:"post",
		async:false,
		success:function(data){
			if(data.results!=null){
				$.each(data.results,function(ind,obj){
					var htm="<tr>";
					htm+="<td>"+obj.prdName+"</td>";
					htm+=" <td>"+obj.productPrice+"</td>";
					var quantCount =obj.quantity;
					if(quantCount==null){
						quantCount=0;
					}
					htm+='<td><input value="'+quantCount+'" type="text" name="zhuangshiTr" id="zhuangshiTr'+obj.pkPrdId+'" disabled class="iput_t w50"   ></td>';
					htm+='<td>&nbsp;</td>';
					htm+="</tr>";
					 $("#addtrimmingtable").find("tr:eq("+ind+")").after(htm);
				});
			}
		}
	});
}
//check选择的预约的时间段是否合理
function resTimeEChange(o) {
		var pkRoomIdtr = checkRoomId();
		if (pkRoomIdtr == "") {
			$.messager.alert('提示', '请选择房间！', 'warning');
			$("#resTimeS").val("");
			refreshSelect();
			return false;
		}
		var typeTaocanId = $("#typeTaocan").val();
		if (typeTaocanId == "") {
			$.messager.alert('提示', '请选择类型！', 'warning');
			$("#resTimeS").val("");
			refreshSelect();
			return false;
		}
		var rpresDay = $("#presDay").val();
		if (rpresDay == "") {
			$.messager.alert('提示', '请选择日期！', 'warning');
			$("#resTimeS").val("");
			refreshSelect();
			return false;
		}
		var resTimeSF = $("#resTimeS").val();
		if (resTimeSF == "") {
			$.messager.alert('提示', '请选择开始时间！', 'warning');
			$("#resTimeS").val("");
			refreshSelect();
			return false;
		}
		var ptime = resTimeSF.substring(0, 2);

		var houTime;
		if (typeTaocanId != "" && typeTaocanId == "ZBSP1408070542") {
			if (ptime.substring(0, 1) == 0) {
				houTime = parseInt(ptime.substring(1, 2)) + 6;
			} else {
				houTime = parseInt(ptime) + 6;
			}

		} else {
			if (ptime.substring(0, 1) == 0) {
				houTime = parseInt(ptime.substring(1, 2)) + 4;
			} else {
				houTime = parseInt(ptime) + 4;
			}
		}
		var dresTimeE = houTime + resTimeSF.substring(2, 4);
		var showTimeE = houTime + ":" + resTimeSF.substring(2, 4);
		//=======ajax 根据房间编号，时间，查找是否 房间已经占用
		var url = '${basePath }parreserve/findAlreadyRoomList.shtml';
		var pkParresId = $("#pkParresId").val();
		$.ajax({
			url : url,
			type : 'POST',
			data : "roomId=" + pkRoomIdtr + "&presDay=" + rpresDay
					+ "&resTimeS=" + resTimeSF + "&resTimeE=" + dresTimeE
					+ "&pkParresId=" + pkParresId,
			async : false,
			error : function(XMLHttpRequest) {
				ajaxError(XMLHttpRequest);
			},
			success : function(data) {
				if (data != null) {
					var parReserveList;
					for ( var o in data) {
						if (o == "parReserveList") {
							jsonarray = data[o];
							if (jsonarray != null && jsonarray.length > 0) {
								var resTimestext;
								var resTimeEtext;
								var roomName = "(";
								for (var k = 0; k < jsonarray.length; k++) {
									var jsonobj = jsonarray[k];
									if (jsonobj != null) {
										resTimestext = jsonobj["resTimeS"];
										resTimeEtext = jsonobj["resTimeE"];
										roomName += jsonobj["roomName"] + " ";
									}
								}
								roomName += ")";
								var msg = rpresDay + " " + resTimestext + "-"
										+ resTimeEtext + " 时间段的房间" + roomName
										+ " 已经被预约，请重新选择时间段或 房间！";
								$.messager.alert('提示', msg, 'warning');
								$("#resTimeS").val("");
								refreshSelect();

								return false;
							} else {
								$("#resTimeE").val(dresTimeE);
								$("#showresTimeE").val(showTimeE);
								refreshSelect();
								return true;
							}
						}
					}
				} else {
					$.messager.alert('提示', '保存失败！', 'error');
				}
			}
		});
		//========
	}
	//修改团体的主食
	function updateHoldFoodUi(){
		$("#HoldFoodUi").window('open');
	/* 	findAlreadyRoomList
		$.ajax({
			url:"${basePath }parreserve/addPageZhuangshi.shtml?addType=zhuangs",
			dataType:"json",
			data:{"pageNo":"1","pageSize":"400","basicPkg3":addbasicPkg3},
			type:"post",
			async:false,
			success:function(data){
				
			}
		}); */
	}
	//修改附加菜单
	function updateExtraMenuUi(){
		$("#HoldFoodUi").window('open');

	}
	//修改装饰物的信息
	function updateBeautifulThings(){
		$("#BeautifulThings").window('open');

	}
	//加载默认的主食套餐
	function loadQCengTaocan() {
		var arr = [];
		arr.push('<ul id="tab_conbox_d" class="fixed p10">');
		arr.push('<li> <div class="caidan">');
		arr.push('<dl class="order_add_peic fl">');
		arr.push('<div id="hoverre" class="peic_hover"><dt ><a href="javascript:updateTaocanzhushi(1)">热食</a></dt></div>');
		arr.push('<div id="hoverleng" > <dt><a href="javascript:updateTaocanzhushi(2)">冷食</a></dt></div>');
		arr.push(' </dl>');
		arr.push('<dl class="fl order_add_peib">');
		arr.push('<div id="updatezhushiRe">');
		var taocanonChange = "";
		<c:forEach items="${listGblZhuRe}" var="zhure" varStatus="status" >
		taocanonChange = "taoOnChange('${zhure.pkPrdId}_alreadyZhu@${zhure.prdName}')";
		arr.push('<dd><input type="checkbox" id="${zhure.pkPrdId}"  onclick="'+taocanonChange+'"  name="zhubox" value="${zhure.pkPrdId}">${zhure.prdName} </dd> ');
		</c:forEach>
		arr.push('</div>');
		arr.push('<div id="updatezhushiLeng" style="display:none">');
		<c:forEach items="${listGblZhuLeng}" var="zhuLeng" varStatus="status" >
		taocanonChange = "taoOnChange('${zhuLeng.pkPrdId}_alreadyZhu@${zhuLeng.prdName}')";
		arr.push('<dd><input type="checkbox" id="${zhuLeng.pkPrdId}" onclick="'+taocanonChange+'"  name="zhubox" value="${zhuLeng.pkPrdId}">${zhuLeng.prdName} </dd>');
		</c:forEach>
		arr.push('</div></dl></li>');
		arr.push('<div  style="display:none"><li><dl class="fl order_add_peib">');
		<c:forEach items="${listGblpeicai}" var="peicai" varStatus="status">
		taocanonChange = "taoOnChange('${peicai.pkPrdId}_alreadyPeiCai@${peicai.prdName}')";
		arr.push('<dd><input type="radio" id="${peicai.pkPrdId}" onclick="'+taocanonChange+'" name="peicaiRadio" value="${peicai.pkPrdId}">${peicai.prdName}</dd>');
		</c:forEach>
		arr.push('</dl></li></div>');
		arr.push('<div  style="display:none"><li><dl class="fl order_add_peib">');
		<c:forEach items="${listGblparYinliao}" var="yinliao" varStatus="status">
		taocanonChange = "taoOnChange('${yinliao.pkPrdId}_alreadyYinl@${yinliao.prdName}')";
		arr.push('<dd><input type="radio" id="${yinliao.pkPrdId}" onclick="'+taocanonChange+'" name="yinliaoRadio" value="${yinliao.pkPrdId}">${yinliao.prdName}</dd>');
		</c:forEach>
		arr.push('</dl></div></li></div></ul>');
		var cengzhushiDiv = document.getElementById("cengzhushi");
		cengzhushiDiv.innerHTML = arr.join('');
	}
	/**主食套餐信息*/
	function getHoldFood(){
		
	}
</script>
<title>嘉童游乐中心</title>
</head>
<body class="bg">
<div class="top"><a class="icon iconfont fl ml10" href="${basePath}parreserve/reservationPage.shtml">&#xe612;</a>${parreserveOld.subject}</div>
<div class="i_index fixed">
<div class="i_index_z fl oh">
    	<ul class="i_index_tab m20 fixed" id="tab_c">
            <li class="border_radius_l">派对信息</li>
            <li>搭配套餐</li>
            <li>附加菜单</li>
            <li class="border_radius_r">装饰用品</li>
        </ul>
       	<!----内容-->
        <div class="clear"></div>
        <ul id="tab_conbox_c">
        	<li>
            	<div class="mana_reg_dl_x fl">
            		<input type="hidden" name="basicPkg2" id="addbasicPkg2" value="${parreserveOld.basicPkg2}">
            		 <input type="hidden" name="basicPkg3" id="addbasicPkg3" value="${parreserveOld.basicPkg3}"> 
                    <dl class="mt30 f14">
                        <dt><label>派对主题：</label><input type="text" id="subject"     name="subject" value="${parreserveOld.subject}"  class="iput_t w200"></dt>
                        <dt><label>儿童姓名：</label><input type="text"    id="conName" value="${parreserveOld.conName}" name="conName"    class="iput_t w200"></dt>
                        <dt><label>联系人：</label><input type="text" class="iput_t w200"    id="conName" value="${parreserveOld.conName}" name="conName"   >
                                 <input type="hidden" name="pkOrderId" id="pkOrderId" value="${pkOrderId}"><input type="hidden" name="grpFlag" id="grpFlag" value="${parType}">
                        </dt>
                        <dt><label>固话：</label><input   type="text" class="iput_t w200"   id="conTel" name="conTel" value="${parreserveOld.conTel}"></dt>
                        <dt><label>手机：</label><input type="text"   class="iput_t w200"  value="${parreserveOld.conMobile}" id="conMobile" name="conMobile"></dt>
                        <dt><label>Email：</label><input    type="text" name="conEmail" id="conEmail" class="iput_t w200" value="${parreserveOld.conEmail}"></dt>
                        <dt><label>预约日期：</label>
								<input  type="text" id="presDay" name="presDay" value="${parreserveOld.presDay}"class="iput_t w200"    />   
						</dt>
                        <dt><label>预约时间：</label>
							<span id="sel_end"  >
	  				   				<input type="text" name="resTimeS" id="resTimeS"    class="iput_t w82" >
	    							 <span class="ml5">-</span>
	                         	 <input type="text" name="showresTimeE" id="showresTimeE"    class="iput_t w82" >
	   							<input type="hidden" name="resTimeE" id="resTimeE"  >
                		    </span>
                        </dt>
                        <dt><label>人数：</label><input  type="text" class="iput_t w200" name="resMemCnt" value="${parreserveOld.resMemCnt}" id="resMemCnt"></dt>
                        <dt><label><font style="color:#F00">*</font>类型：</label><div class="uboxstyle">
			                        <select name="typeTaocan" id="typeTaocan" onchange="changeTaocanDiv()">
			                        <option value=""  selected="selected">请选择</option>
			                            <option value="ZBSP1408070540" >团体4小时单人（不含餐）</option>
			                            <option value="ZBSP1408070541">团体4小时单人（含餐）</option>
			                             <option value="ZBSP1408070542">团体6小时单人（含餐）</option>
			                        </select>
			                    </div> 
                   	  </dt>
                        <dt><label class="vt">备注：</label><textarea  name="comments" id="comments"  class="textare w200 h80">${parreserveOld.comments}</textarea></dt>
                       	<dt><label>房间：</label>
                                    <div class="fangjain">
                                     <c:forEach items="${listRoom}" var="roomf">
                            				<p><input type="checkbox" class="mr5" name="pkRoomId" id="pkRoomid${roomf.pkRoomId}" value="${roomf.pkRoomId}" />${roomf.roomName}</p>
                           			 </c:forEach>
                                    </div>
                          </dt>
                           <dt><label> <font style="color:#F00">*</font>开始时间：</label>
  						  <span id="sel_end"  >
  						  <!-- resTimeEChange(this); -->
  				  		<div class=" uboxstyle_small">
                                        <select name="resTimeS" id="resTimeS"   onchange="resTimeEChange(this);">
					                       		 <option value="">请选择</option>
					                            <option value="0900">09:00</option>
					                             <option value="0930">09:30</option>
					                            <option value="1000">10:00</option>
					                            <option value="1030">10:30</option>
					                            <option value="1100">11:00</option>
					                            <option value="1130">11:30</option>
					                            <option value="1130">12:00</option>
					                            <option value="1300">13:00</option>
					                            <option value="1330">13:30</option>
					                            <option value="1400">14:00</option>
					                            <option value="1430">14:30</option>
					                            <option value="1500">15:00</option>
					                            <option value="1530">15:30</option>
					                            <option value="1600">16:00</option>
					                            <option value="1630">16:30</option>
					                            <option value="1700">17:00</option>
					                            <option value="1730">17:30</option>
					                            <option value="1800">18:00</option>
					                            <option value="1830">18:30</option>
					                            <option value="1900">19:00</option>
                        				</select>
                             </div>
    			 		<span class="ml5">-</span>
                         	 <input type="text" name="showresTimeE" id="showresTimeE"    class="iput_t w100" readonly="readonly">
   							  <input type="hidden" name="resTimeE" id="resTimeE" >
    					</span>
    					</dt>
    					<dt><label>加时：</label>
  				 		 <span id="sel_end"  >
			    				<div class="uboxstyle_small">
			                        <select name="overTime" id="overTime" >
			                       		 <option value="">请选择</option>
			                            <option value="1">1小时</option>
			                             <option value="2">2小时</option>
			                        </select>
			                    </div> 
    				</span>
    			</dt>
    						<dt><label>加时房间类型：</label>
  				 		 <span id="sel_end"  >
			    				<div class="uboxstyle_small">
							                        <select name="fkOtprdId" id="fkOtprdId" >
							                       		 <option value="">请选择</option>
							                             <option value="ZBSP141126002">大房间</option>
							                             <option value="ZBSP141126001">小房间</option>
							                        </select>
			                    </div> 
    				</span>
    			</dt>
                        <dt><label>操作时间：</label>
								<input type="text" name="modiTimedis" id="modiTimedis"  class=" iput_t w200"    disabled="disabled" >
						<dt>
                        <dt><label>操作人：</label><input type="text" class="iput_t w200"  value="${modiName}"   disabled="disabled" ></dt>
                    </dl>
                </div>
            </li>
            <!-- 搭配套餐 -->
            <li class="dsly_n" style="display: none;">
            	<div class="zhushi" >
            	<table class="table" id="parTaocan">
                    
                </table>
                <div class="btm_btn mt10">
                        <dl>
                            <dd><input type="button" onclick="$('#q').window('open')" value="修改" class="btn"></dd>
                        </dl>
                </div>
                </div>
            </li>
            <!-- 附加菜单 -->
            <li style="display: none;">
            	<div class="zhushi">
                	<table class="table" id="addfujiaTable">
                    	<tr>
                        	<th>商品</th>
                            <th>价格(￥)</th>
                            <th>数量</th>
                            <th>操作</th>
                        </tr>
                    </table>
                </div>
                <div class="btm_btn mt10">
                        <dl>
                            <dd><input type="button" onclick="updateExtraMenuUi();" value="修改" class="btn"></dd>
                        </dl>
                </div>
            </li>
            <!--装饰物 -->
            <li class="dsly_n" style="display: none;">
            	<div class="zhushi">
            	<table class="table" id="addtrimmingtable">
		               <tr>
		                    <th>商品</th>
		                    <th>价格(元)</th>
		                    <th>数量</th>
		                    <th>操作</th>
		                </tr>
               </table>
               <div class="btm_btn mt10">
                        <dl>
                            <dd><input type="button" onclick="updateBeautifulThings();" value="修改" class="btn"></dd>
                            <dd><input type="button" onclick="javascript:window.location.href='order_add_x.html'" value="下一步" class="btn"></dd>
                        </dl>
                </div>
                </div>
            </li>
        </ul>		
        <!---内容--->
    </div>
</div>
<!---修改套餐--->
 

<!---修改套餐--->
<div id="q" class="easyui-window" title="修改套餐" data-options="modal:true,closed:true,iconCls:'icon-save'" style="width:840px; height:650px; position:relative;">
	
    <div class="order_add_yix fixed">
        <dl>
            <dt>已选主食：</dt>
           <div id="alreadyZhu">
           </div>
        </dl>
        <dl>
            <dt>已选配菜：</dt>
             <div id="alreadyPeiCai">
                </div>
        </dl>
        <dl>
            <dt>已选饮料：</dt>
            <div id="alreadyYinl">
                </div>
        </dl>
    </div>
    
    <div class="taocan">
            <ul class="i_index_tab  m20 fixed" id="tab_d">
                <li class="border_radius_l">主餐(选3)</li>
                <li>配菜(选1)</li>
                <li class="border_radius_r">饮料(选1)</li>
            </ul>
            <div class="clear"></div>
      <div id="cengzhushi">
       
       </div>
    	</div>
        
        
    <div class="btm_btn btm_bg">
    	<dl>
        	<dd><input type="button" class="btn" onClick="javascript:closeDiv('order_add_x.html','save')" value="确定"></dd>
            <dd><input type="button" class="btn" onclick="alertWarning()" onClick="javascript:closeDiv('order_add_x.html','')" value="取消"></dd>
        </dl>
    </div>
</div>
<!---修改套餐--->





<!---新增附加套餐--->
<div id="fujia" class="easyui-window" title="新增附加菜单" data-options="modal:true,closed:true,iconCls:'icon-save'" style="width:820px; height:400px; position:relative;">
	
    <div class="m10">
    	<dl class="order_add_peic fl">
            <div id="addhoverre" class="peic_hover"><dt ><a href="javascript:addFujiaCate('addhoverre')">热食</a></dt></div>
			          <div id="addhoverleng" > <dt><a href="javascript:addFujiaCate('addhoverleng')">冷食</a></dt></div>
                	<div id="addPeicai" > <dt><a href="javascript:addFujiaCate('addPeicai')">配菜</a></dt></div>
                	<div id="addTdian" > <dt><a href="javascript:addFujiaCate('addTdian')">甜点</a></dt></div>
                	<div id="addyliao" > <dt><a href="javascript:addFujiaCate('addyliao')">饮料</a></dt></div>
                	<div id="addwine" > <dt><a href="javascript:addFujiaCate('addwine')">酒类 （仅限 成人）</a></dt></div>
        </dl>
        <dl class="fl order_add_peib">
             <div id="addjiaRe">
	                   <c:forEach items="${listGblFUjiaRe}" var="jiaRe" varStatus="status">
	                    <dd><input type="checkbox" id="fujiacBox${jiaRe.pkPrdId}" name="fujiacBox" value="${jiaRe.pkPrdId}">${jiaRe.prdName}</dd>
	                  </c:forEach>
	                  </div>
	                  <div id="addjiaLeng" style="display:none">
	                   <c:forEach items="${listGblFUjiaLeng}" var="jiaLeng" varStatus="status">
	                    <dd><input type="checkbox" id="fujiacBox${jiaLeng.pkPrdId}" name="fujiacBox" value="${jiaLeng.pkPrdId}">${jiaLeng.prdName}</dd>
	                  </c:forEach>
	                  </div>
	                  <div id="addJiapeicai" style="display:none">
	                   <c:forEach items="${listGblFUjiapeicai}" var="jiapeicai" varStatus="status">
	                    <dd><input type="checkbox" id="fujiacBox${jiapeicai.pkPrdId}" name="fujiacBox" value="${jiapeicai.pkPrdId}">${jiapeicai.prdName}</dd>
	                  </c:forEach>
	                  </div>
	                  <div id="addjiaTdian" style="display:none">
	                   <c:forEach items="${listGblparFUjiaTdian}" var="jiaTdian" varStatus="status">
	                    <dd><input type="checkbox" id="fujiacBox${jiaTdian.pkPrdId}" name="fujiacBox" value="${jiaTdian.pkPrdId}">${jiaTdian.prdName}</dd>
	                  </c:forEach>
	                  </div>
	                  <div id="addjiaYliao" style="display:none">
	                   <c:forEach items="${listGblparFUjiaYinliao}" var="jiaYliao" varStatus="status">
	                    <dd><input type="checkbox" id="fujiacBox${jiaYliao.pkPrdId}" name="fujiacBox" value="${jiaYliao.pkPrdId}">${jiaYliao.prdName}</dd>
	                  </c:forEach>
		                  </div>
		                  <div id="addjiaWine" style="display:none">
		                   <c:forEach items="${listGblparFUjiaWine}" var="jiaWine" varStatus="status">
		                    <dd><input type="checkbox" id="fujiacBox${jiaWine.pkPrdId}" name="fujiacBox" value="${jiaWine.pkPrdId}">${jiaWine.prdName}</dd>
		                  </c:forEach>
		                  </div>
        </dl>
    </div>
    
    <div class="btm_btn btm_bg">
    	<dl>
        	<dd><input type="button" class="btn" onClick="javascript:fujiaDiv('fujia')" value="确定"></dd>
            <dd><input type="button" class="btn" onClick="javascript:closeDiv('fujia','')" value="取消"></dd>
        </dl>
    </div>
</div>
<!---新增装饰物--->
<div id="p" class="easyui-window" title="新增装饰物" data-options="modal:true,closed:true,iconCls:'icon-save'" style="width:820px; height:400px; position:relative;">
	
    <div class="m10">
    	<dl class="order_add_peic fl">
            <div id="addTrQiqiu" class="peic_hover"><dt ><a href="javascript:addTrimCate('addTrQiqiu')">气球</a></dt></div>
			          <div id="addTrPDingzhi" > <dt><a href="javascript:addTrimCate('addTrPDingzhi')">相片定制类</a></dt></div>
                	<div id="addTrCaidanl" > <dt><a href="javascript:addTrimCate('addTrCaidanl')">彩蛋类</a></dt></div>
                	<div id="addTrbiaoyl" > <dt><a href="javascript:addTrimCate('addTrbiaoyl')">表演类</a></dt></div>
        </dl>
        <dl class="fl order_add_peib">
           			<div id="addqiqiuTri">
	                   <c:forEach items="${listGblTrimmingQiqiu}" var="qiqiuTri" varStatus="status">
	                    <dd><input type="checkbox" id="addqiqiu${qiqiuTri.pkPrdId}" name="qiqiuTriBox" value="${qiqiuTri.pkPrdId}">${qiqiuTri.prdName}</dd>
	                  </c:forEach>
	                  </div>
	                  <div id="addDingzhiTri" style="display:none">
	                   <c:forEach items="${listGblTrimmingDingzhi}" var="dingzhiTri" varStatus="status">
	                    <dd><input type="checkbox" id="addqiqiu${dingzhiTri.pkPrdId}" name="qiqiuTriBox" value="${dingzhiTri.pkPrdId}">${dingzhiTri.prdName}</dd>
	                  </c:forEach>
	                  </div>
	                  <div id="addcaidanTri" style="display:none">
	                   <c:forEach items="${listGblTrimmingCDan}" var="caidanTri" >
	                    <dd><input type="checkbox" id="addqiqiu${caidanTri.pkPrdId}" name="qiqiuTriBox" value="${caidanTri.pkPrdId}">${caidanTri.prdName}</dd>
	                  </c:forEach>
	                  </div>
	                  <div id="addbiaoyTri" style="display:none">
	                   <c:forEach items="${listGblTrimmingBiao}" var="biaoyTri" varStatus="status">
	                    <dd><input type="checkbox" id="addqiqiu${biaoyTri.pkPrdId}" name="qiqiuTriBox" value="${biaoyTri.pkPrdId}">${biaoyTri.prdName}</dd>
	                  </c:forEach>
	                  </div>
        </dl>
    </div>
    
    <div class="btm_btn btm_bg">
    	<dl>
        	<dd><input type="button" class="btn" onClick="javascript:fujiaDiv('p')" value="确定"></dd>
            <dd><input type="button" class="btn" onClick="javascript:closeDiv('p','')" value="取消"></dd>
        </dl>
    </div>
</div>
 
<!---新增装饰物--->
</body>
</html>